body ::-webkit-scrollbar {
    width: 0 !important;
    display: none !important;
}

/* ::-webkit-scrollbar {
    display: none;
} */

.main {
    height: 620px !important;
}



// 轮播
.swiper-container {
    width: 100%;
    height: 200px;

}

// 打卡
.rank {
    flex: 2;
    height: 29vw;
    border-radius: 15px 15px 15px 15px;
    border: 1px solid rgba(255, 255, 255, 100);
    background-image: url("../img/index-card-rank.png");
    background-size: 25vw;
    background-color: rgba(21, 146, 204, 100);
    background-position: -6px 14px;
    background-repeat: no-repeat;
    opacity: 0.73;
    position: relative;

    .rankNum {
        position: absolute;
        bottom: 0;
        right: 14px;
        color: rgba(255, 255, 255, 100);
        font-size: 60px;
    }
}

// 字体
.text {
    padding-top: 12px;
    padding-left: 14px;
}

// 签到
.sgin {
    flex: 3;
    height: 29vw;
    margin-left: 12px;
    border-radius: 15px 15px 15px 15px;
    border: 1px solid rgba(255, 255, 255, 100);
    background-image: url("../img/index-card-sum.png");
    background-size: 25vw;
    background-color: rgba(123, 203, 245, 100);
    background-position: -2px 14px;
    background-repeat: no-repeat;
    opacity: 0.73;
    position: relative;

    .sgins {
        position: absolute;
        bottom: 14px;
        right: 10px;
        width: 100px;
        height: 40px;
        line-height: 34px;
        border-radius: 20px;
        color: rgba(0, 81, 119, 100);
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        border: 3px solid rgba(0, 81, 119, 100);
    }
}

// 运动数据
.sp-data {
    flex: 1;
    height: 110px;
    color: rgba(255, 255, 255, 100);
    font-size: 16px;
    border-radius: 15px;
    background-image: url("../img/index-card-data.png");
    background-size: 100%;
    background-repeat: no-repeat;
    font-weight: bold;
}

// 徽章
.badge {
    flex: 1;
    height: 110px;
    border-radius: 15px;
    background-image: url("../img/index-card-badge.png");
    background-size: 25vw;
    background-color: rgba(157, 189, 227, 100);
    background-position: -2px 14px;
    background-repeat: no-repeat;
    color: rgba(0, 81, 119, 100);
    font-size: 16px;
    font-weight: bold;
    opacity: 0.58;
    position: relative;

    .badge-text {
        position: absolute;
        bottom: 0px;
        right: 12px;
        color: rgba(0, 81, 119, 100);
        font-size: 18px;

        span {
            color: rgba(0, 78, 115, 100);
            font-size: 80px;
            font-family: PingFangSC-bold;
        }
    }
}

// 运动课程
.play-class {
    width: 100%;
    height: 110px;
    color: rgba(255, 255, 255, 100);
    font-size: 16px;
    font-family: PingFangSC-bold;
    background-image: url("../img/course-img04.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 15px;
}

// 户外跑步
.run {
    width: 100%;
    height: 110px;
    color: rgba(255, 255, 255, 100);
    font-size: 16px;
    font-family: PingFangSC-bold;
    background-image: url("../img/course-img02.png");
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 15px;
}